<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>带摇晃特效的扁平风格登录注册表单界面</title>
    <link rel="stylesheet" type="text/css" href="../static/css/login.css">
</head>
<body>
<p class="title">东软试题库管理系统</p>
<div id="wrapper" class="login-page">
    <div id="login_form" class="form">
        <form class="register-form">

            <input type="text" placeholder="用户名" id="r_user_no"/>
            <input type="password" placeholder="密码" id="r_password" />
            <input type="text" placeholder="电子邮件" id="r_emial" />

            <button id="create">创建账户</button>
            <p class="message">已经有了一个账户? <a href="#">立刻登录</a></p>
        </form>
        <form class="login-form">

            <h2 style="text-align: center" ><font size="6px">管理员登录</font></h2><br>
            <input type="text" placeholder="管理员ID" id="user_no"/>
            <input type="password" placeholder="密码" id="password"/>
            <button id="login">登　录</button>
<!--            <p class="message">还没有账户? <a href="#">立刻创建</a></p>-->
            <p class="message"><font size="2px" color="gray">———————其他类型用户登录入口———————</font></a></p>
            <p class="message"><a href="studentlogin">学生登录入口</a>&emsp;&emsp;&emsp;&emsp;<a href="teacherlogin">教师登录入口</a></p>


            <p class="message">还没有账户? <a href="#">立刻创建</a></p>

        </form>
    </div>
</div>

<script src="../static/js/jquery.min.js"></script>
<script type="text/javascript">
    function check_login() {

        console.log('suck');
        var id=$("#user_no").val();
        var pwd=$("#password").val();
        console.log(pwd);
        $.ajax({
            url: "manager/login",
            type : "post",
            async: false,
            dataType: "json",
            data :{ manaNo: id, manaPwd: pwd},

            success: function (data) {
                console.log("请求成功");
                console.log(data);
                if(data.toString() === "true") {window.location.href = 'index';sessionStorage.setItem("manaId", id);}
                if(data.toString() === "false")
                    {
                        $("#login_form").removeClass('shake_effect');
                        setTimeout(function()
                        {
                            $("#login_form").addClass('shake_effect')
                        },1);
                    }
                return;
            },
            error: function (data) {
                console.log("请求失败");
                $("#login_form").removeClass('shake_effect');
                setTimeout(function()
                {
                    $("#login_form").addClass('shake_effect')
                },1);
                return;
            }
        });
        return ;
    }
	// function check_login()
	// {
	//  var name=$("#user_name").val();
	//  var pass=$("#password").val();
	//  if(name=="admin" && pass=="admin")
	//  {
	//   alert("登录成功！");
	//   $("#user_name").val("");
	//   $("#password").val("");
    //    $(location).attr('href', 'index.html');
	//  }
	//  else
	//  {
	//   $("#login_form").removeClass('shake_effect');
	//   setTimeout(function()
	//   {
	//    $("#login_form").addClass('shake_effect')
	//   },1);
	//  }
	// }
	// function check_register(){
	// 	var name = $("#r_user_name").val();
	// 	var pass = $("#r_password").val();
	// 	var email = $("r_email").val();
	// 	if(name=="1" && pass=="1")
	// 	 {
	// 	  alert("注册成功！");
	// 	  $("#user_name").val("");
	// 	  $("#password").val("");
    //          $("#r_emial").val("");
    //          $(location).attr('href', 'managerlogin');
	// 	 }
	// 	 else
	// 	 {
	// 	  $("#login_form").removeClass('shake_effect');
	// 	  setTimeout(function()
	// 	  {
	// 	   $("#login_form").addClass('shake_effect')
	// 	  },1);
	// 	 }
	// }
	$(function(){
		$("#create").click(function(){
			check_register();
			return false;
		})
		$("#login").click(function(){
			check_login();
			return false;
		})
		$('.message a').click(function () {
		    $('form').animate({
		        height: 'toggle',
		        opacity: 'toggle'
		    }, 'slow');
		});
	})
	</script>


</body>
</html>